<extend name="Base/common" />

<block name="meta">
    <title>{$Think.config.WEB_TITLE}—{$detail['art_title']}</title>
    <meta name="keywords" content="{$detail['art_tag']}"/>
    <meta name="description" content="{$detail['art_description']}" />
</block>
<block name="main-left">
    <ul class="breadcrumb" style="background-color: transparent;border-bottom: 1px solid #ccc;">
        <volist name="catTree" id="c">
            <li><a href="{:U('Index/tags/cat_id')}/{$c.cat_id}">{$c.cat_name}</a></li>
        </volist>

        <li class="active"><i class="icon-map-marker">&nbsp;当前位置</i></li>
    </ul>
    <div class="blog_box col-xs-12 col-md-12">
        <div class="blog_title">
            <h2 style="color: #41A79F">{$detail['art_title']}</h2>
        </div>
        <div class="blog_tool">
            <i class="fa fa-user icon-user"></i>&nbsp;<span>{$detail['art_author']}</span>
            <span>&nbsp;</span>
            <i class="fa fa-bookmark icon-tag"></i>&nbsp;
            <volist name="detail['art_tag']" id="a">
                <span><a href="{:U('Index/tags/tag')}/{$a}">{$a}</a></span>
                <span>&nbsp;</span>
            </volist>
            <i class="fa fa-eye icon-eye-open"></i>&nbsp;<span><a href="#">{$detail['art_view']}</a></span>
            <span>&nbsp;</span>
            <i class="fa fa-cat icon-reorder"></i>&nbsp;<span><a href="{:U('Index/tags/',array('cat_id'=>$detail['cat_id']))}">[{$detail['cat_name']}]</a></span>
            <span>&nbsp;</span>
            <i class="fa fa-calendar icon-calendar"></i>&nbsp;<span>{$detail['pub_time']}</span>
        </div>
        <div class="blog_cont" id="content30" style="font-size: 16px;line-height: 150%;color: #595959;">
            <blockquote>
                <p style="letter-spacing: 2.5px;">{$detail['art_description']}</p>
            </blockquote>
            <p class="thumbnail"><img src="http://cdn.meaoo.cn/1485510423_5938.jpg" alt=""></p>
            {$detail['art_content']}
        </div>

        <div style="padding-left: 20px;">
            <i class="icon-leaf"></i>上一篇文章：<a href="{:U('Index/article/',array('id'=>$pre['art_id']))}">{$pre['art_title']}</a>
        </div>
        <div style="padding-left: 20px;">
            <i class="icon-leaf"></i>下一篇文章：<a href="{:U('Index/article/',array('id'=>$next['art_id']))}">{$next['art_title']}</a>
        </div>
        <div style="padding: 20px;">
            <i class="icon-book"></i> 相关文章
            <ul style="margin-bottom: 60px;">
                <volist name="relation" id="r">
                    <li style="list-style: none;float: left; margin-left: 20px;height: 30px;line-height: 30px;"><a href="{:U('Index/article/',array('id'=>$r['art_id']))}">{$r.art_title}</a></li>
                </volist>
            </ul>
        </div>

        <div class="blog_tag">
            <span>
                <i class="fa fa-tag icon-tags"></i>&nbsp;
                <volist name="detail['art_tag']" id="a">
                    <a href="{:U('Index/tags/tag')}/{$a}">{$a}</a>
                    <span>&nbsp;</span>
                </volist>
            </span>
        </div>
    </div>
    <nav> </nav>

    <!-- 多说评论框 start -->
    <div class="ds-thread" data-thread-key="{$detail['art_id']}" data-title="{$detail['art_title']}" data-url="{:U('Index/article/',array('id'=>$detail['art_id']))}"></div>
    <!-- 多说评论框 end -->

    <!-- JiaThis Button BEGIN -->
    <div class="jiathis_style_24x24" style="padding: 20px;">
        <a class="jiathis_button_qzone"></a>
        <a class="jiathis_button_tsina"></a>
        <a class="jiathis_button_tqq"></a>
        <a class="jiathis_button_weixin"></a>
        <a class="jiathis_button_cqq"></a>
        <a class="jiathis_button_fb"></a>
        <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
    </div>
    <script type="text/javascript" src="http://v3.jiathis.com/code_mini/jia.js" charset="utf-8"></script>
    <!-- JiaThis Button END -->


</block>

